<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png"/>
    <link rel="stylesheet" type="text/css" href="assets/fonts/flaticon/flaticon.css">
    <link rel="stylesheet" type="text/css" href="assets/css/animate.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="assets/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="assets/css/chosen.css">
    <link rel="stylesheet" type="text/css" href="assets/css/jquery.bxslider.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap" rel="stylesheet">
</head>
<body class="page-product">
<div class="wrapper">
    <form id="block-search-mobile" method="get" class="block-search-mobile">
        <div class="form-content">
            <div class="control">
                <a href="#" class="close-block-serach"><span class="icon flaticon-close"></span></a>
                <input type="text" name="search" placeholder="Search" class="input-subscribe">
                <button type="submit" class="btn search">
                    <span><i class="flaticon-magnifying-glass" aria-hidden="true"></i></span>
                </button>
            </div>
        </div>
    </form>
   
    <!-- HEADER -->
   <header class="site-header header-opt-1">
   	<!-- header-top -->
   	<div class="header-top">
   		<div class="container">
   			<!-- hotline -->
   			<ul class="nav-top-left">
   				<li><a href="#">欢迎来到湘大二手市场</a></li>
   			</ul><!-- hotline -->
   			<!-- heder links -->
   			<ul class="nav-top-right dagon-nav">
   				
   				<li><a href="#"><i class="flaticon-profile" aria-hidden="true"></i>注册 或 登陆</a></li>
   			</ul><!-- heder links -->
   		</div>
   	</div> <!-- header-top -->
   	<!-- header-content -->
   	<div class="header-content">
   		<div class="container">
   			<div class="row">
   				<div class="col-md-2 nav-left">
   					<!-- logo -->
   					<strong class="logo">
   						<a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
   					</strong><!-- logo -->
   				</div>
   				<div class="col-md-8 nav-mind">
   					<!-- block search -->
   					<div class="block-search" style="margin-top: 20px;">
   						<div class="block-content">
   							
   							<div class="form-search">
   								<form>
   									<div class="box-group">
   										<input type="text" class="form-control" placeholder="关键词">
   										<button class="btn btn-search" type="button"><span class="flaticon-magnifying-glass"></span></button>
   									</div>
   								</form>
   							</div>
   						</div>
   					</div><!-- block search -->
   				</div>
   				<div class="col-md-2 nav-right">
   					<!-- block mini cart -->
   					<div class="block-minicart dropdown">
   						<a class="minicart" href="#">
   
   							<span class="counter qty">
   
   								<span class="cart-icon"><i class="flaticon-shopping-cart" aria-hidden="true"></i></span>
   
   								<span class="counter-number">2</span>
   
   							</span>
   							<span class="counter-your-cart">
   
   								<span class="counter-label">您的余额:</span>
   
   								<span class="counter-price">00.00</span>
   
   							</span>
   						</a>
   						<div class="parent-megamenu">
   							<form>
   								<div class="minicart-content-wrapper">
   									<div class="subtitle">
   										您有 <span>2</span> 件商品再您的购物篮中。
   									</div>
   									<div class="minicart-items-wrapper">
   										<ol class="minicart-items">
   											<li class="product-inner">
   												<div class="product-thumb style1">
   													<div class="thumb-inner">
   														<a href="#"><img src="assets/images/home2/c1.jpg" alt="c1"></a>
   													</div>
   												</div>
   												<div class="product-innfo">
   													<div class="product-name"><a href="#">电子烟
   														</a></div>
   													<a href="#" class="remove"><i class="flaticon-close" aria-hidden="true"></i></a>
   													<span class="price price-dark">
   
   														<ins>￥229.00</ins>
   
   													</span>
   												</div>
   											</li>
   											<li class="product-inner">
   												<div class="product-thumb style1">
   													<div class="thumb-inner">
   														<a href="#"><img src="assets/images/home2/c2.jpg" alt="c2"></a>
   													</div>
   												</div>
   												<div class="product-innfo">
   													<div class="product-name"><a href="#">电脑屏幕
   														</a></div>
   													<a href="#" class="remove"><i class="flaticon-close" aria-hidden="true"></i></a>
   													<span class="price">
   
   														<ins>￥229.00</ins>
   
   														<del>￥259.00</del>
   
   													</span>
   												</div>
   											</li>
   										</ol>
   									</div>
   									<div class="subtotal">
   										<span class="label">一共 :</span>
   										<span class="price">￥480.00</span>
   									</div>
   									<div class="actions">
   										<a class="btn btn-viewcart" href="shopping.html">查看购物车</a>
   										<a class="btn btn-checkout" href="fukuan.html">付款</a>
   									</div>
   								</div>
   							</form>
   						</div>
   					</div><!-- block mini cart -->
   					<a href="#" class="hidden-md search-hidden"><span class="flaticon-magnifying-glass"></span></a>
   					<a class="wishlist-minicart" href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
   				</div>
   			</div>
   		</div>
   	</div>
	<div class="header-menu-bar header-sticky">
			<div class="header-menu-nav menu-style-2">
				<div class="container">
					<div class="header-menu-nav-inner">
						<div id="box-vertical-megamenus" class="box-vertical-megamenus nav-toggle-cat">
							<h4 class="title active">
	
								<span class="btn-open-mobile home-page">
	
									<span></span>
	
									<span></span>
	
									<span></span>
	
								</span>
								<span class="title-menu">菜单</span>
							</h4>
							
						</div>
						<div class="header-menu header-menu-resize">
							<ul class="header-nav dagon-nav">
								<li class="btn-close hidden-md"><i class="flaticon-close" aria-hidden="true"></i></li>
								<li class="menu-item-has-children arrow">
									<a href="index.html" class="dropdown-toggle">主页</a>
									<span class="toggle-submenu hidden-md"></span>
									<ul class="submenu parent-megamenu">
										<li class="menu-item">
											<a href="index.html">主页</a>
										</li>
										<li class="menu-item">
											<a href="index.html">主页</a>
										</li>
										<li class="menu-item">
											<a href="index.html">主页</a>
										</li>
									</ul>
								</li>
								<li class="menu-item-has-children arrow">
									<a href="#" class="dropdown-toggle">商店</a>
									<span class="toggle-submenu hidden-md"></span>
									<ul class="submenu parent-megamenu">
										<li class="menu-item">
										    <a href="product.html">礼物</a>
										</li>
										<li class="menu-item">
										    <a href="product.html">数码产品</a>
										</li>
										<li class="menu-item">
										    <a href="product.html">家电用品</a>
										</li>
										<li class="menu-item">
										    <a href="product.html">旧书</a>
										</li>
										<li class="menu-item">
										    <a href="product.html">出行工具</a>
										</li>
									</ul>
								</li>
								<li class="menu-item-has-children arrow">
									<a href="#" class="dropdown-toggle">其他页面</a>
									<span class="toggle-submenu hidden-md"></span>
									<ul class="submenu parent-megamenu">
										<li class="menu-item">
										    <a href="fukuan.html">付款</a>
										</li>
										<li class="menu-item">
										    <a href="shopping.html">购物车</a>
										</li>
										<li class="menu-item">
										    <a href="shopping.html">清单</a>
										</li>
									</ul>
								</li>
								<li class="menu-item-has-children arrow">
									<a href="blog.html" class="dropdown-toggle">卖家博客</a>
									<span class="toggle-submenu hidden-md"></span>
									<ul class="submenu parent-megamenu">
										<li class="menu-item">
										    <a href="blog.html">网格博客</a>
										</li>
										
									</ul>
								</li>
								<li class="menu-item-has-children arrow">
									<a href="xiangmujihua.html">创业计划书</a>
									<span class="toggle-submenu hidden-md"></span>
									<ul class="submenu parent-megamenu">
									    <li class="menu-item">
									        <a href="xiangmujihua.html">关于我们</a>
									    </li>
									    <li class="menu-item">
									        <a href="xiangmujihua.html">商业模式</a>
									    </li>
									    <li class="menu-item">
									        <a href="xiangmujihua.html">核心竞争力</a>
									    </li>
									</ul>
								</li>
							</ul>
						</div>
						<span data-action="toggle-nav" class="menu-on-mobile hidden-md">
	
							<span class="btn-open-mobile home-page">
	
								<span></span>
	
								<span></span>
	
								<span></span>
	
							</span>
						</span>
					</div>
				</div>
			</div>
		</div>
	</header><!-- end HEADER -->
    <!-- MAIN -->
    <main class="site-main shopping-cart">
        <div class="container">
            <ol class="breadcrumb-page">
                <li><a href="index.html">主页</a></li>
                <li class="active"><a href="#">购物车</a></li>
            </ol>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <form class="form-cart">
                        <div class="table-cart">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th class="tb-image"></th>
                                    <th class="tb-product">产品名称</th>
                                    <th class="tb-price">原价</th>
                                    <th class="tb-qty">个数</th>
                                    <th class="tb-total">现价</th>
                                    <th class="tb-remove"></th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="tb-image"><a href="#" class="item-photo"><img
                                            src="assets/images/cart1.jpg"
                                            alt="cart"></a></td>
                                    <td class="tb-product">
                                        <div class="product-name"><a href="#">摄像头</a></div>
                                    </td>
                                    <td class="tb-price">
                                        <span class="price">229.00</span>
                                    </td>
                                    <td class="tb-qty">
                                        <div class="quantity">
                                            <div class="buttons-added">
                                                <input type="text" value="1" title="Qty" class="input-text qty text"
                                                       size="1">
                                                <a href="#" class="sign plus"><i class="fa fa-plus"></i></a>
                                                <a href="#" class="sign minus"><i class="fa fa-minus"></i></a>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tb-total">
                                        <span class="price">129.00</span>
                                    </td>
                                    <td class="tb-remove">
                                        <a href="#" class="action-remove"><span><i class="flaticon-close"
                                                                                  aria-hidden="true"></i></span></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tb-image"><a href="#" class="item-photo"><img
                                            src="assets/images/cart2.jpg"
                                            alt="cart"></a>
                                    <td class="tb-product">
                                        <div class="product-name"><a href="#">智能手机
                                            </a></div>
                                    </td>
                                    <td class="tb-price">
                                        <span class="price">1259.00</span>
                                    </td>
                                    <td class="tb-qty">
                                        <div class="quantity">
                                            <div class="buttons-added">
                                                <input type="text" value="1" title="Qty" class="input-text qty text"
                                                       size="1">
                                                <a href="#" class="sign plus"><i class="fa fa-plus"></i></a>
                                                <a href="#" class="sign minus"><i class="fa fa-minus"></i></a>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tb-total">
                                        <span class="price">229.00</span>
                                    </td>
                                    <td class="tb-remove">
                                        <a href="#" class="action-remove"><span><i class="flaticon-close"
                                                                                  aria-hidden="true"></i></span></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="cart-actions">
                            <button type="submit" class="btn-continue">
                                <span>继续购物</span>
                            </button>
                            <button type="submit" class="btn-clean">
                                <span>更新购物车</span>
                            </button>
                            <button type="submit" class="btn-update">
                                <span>清空购物车</span>
                            </button>
                        </div>
                    </form>
                </div>
                <div class="col-md-3">
                    <div class="order-summary">
                        <h4 class="title-shopping-cart">账单</h4>
                        <div class="checkout-element-content">
                            <span class="order-left">原价:<span>1488.00</span></span>
                            <span class="order-left">现价:<span>358.00</span></span>
                            
                            <button type="submit" class="btn-checkout">
                                <span>购买</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="block-recent-view single">
            <div class="container">
                <div class="title-of-section">你可能会感兴趣：</div>
                <div class="owl-carousel nav-style2 border-background equal-container" data-nav="true"
                     data-autoplay="false" data-dots="false" data-loop="true" data-margin="30"
                     data-responsive='{"0":{"items":1},"480":{"items":2},"768":{"items":3},"992":{"items":4},"1200":{"items":4}}'>
                    <div class="product-item style1">
                        <div class="product-inner equal-elem">
                            <div class="product-thumb">
                                <div class="thumb-inner">
                                    <a href="#"><img src="assets/images/home2/r1.jpg" alt="r1"></a>
                                </div>
                                <span class="onsale">-50%</span>
                                <a href="#" class="quick-view">快速搜索</a>
                            </div>
                            <div class="product-innfo">
                                <div class="product-name"><a href="#">智能手表</a></div>
                                <span class="price">

                                        <ins>229.00</ins>

                                        <del>259.00</del>

                                    </span>
                                <span class="star-rating">

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <span class="review">5 星</span>

                                    </span>
                                <div class="group-btn-hover style2">
                                    <a href="#" class="add-to-cart"><i class="flaticon-shopping-cart"
                                                                       aria-hidden="true"></i></a>
                                    <a href="compare.html" class="compare"><i class="fa fa-exchange"></i></a>
                                    <a href="wishlist.html" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="product-item style1">
                        <div class="product-inner equal-elem">
                            <div class="product-thumb">
                                <div class="thumb-inner">
                                    <a href="#"><img src="assets/images/home2/r3.jpg" alt="r3"></a>
                                </div>
                                <a href="#" class="quick-view">快速搜索</a>
                            </div>
                            <div class="product-innfo">
                                <div class="product-name"><a href="#">4g智能手机</a></div>
                                <span class="price price-dark">

                                        <ins>229.00</ins>

                                    </span>
                                <span class="star-rating">

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <span class="review">5 星</span>

                                    </span>
                                <div class="group-btn-hover style2">
                                    <a href="#" class="add-to-cart"><i class="flaticon-shopping-cart"
                                                                       aria-hidden="true"></i></a>
                                    <a href="compare.html" class="compare"><i class="fa fa-exchange"></i></a>
                                    <a href="wishlist.html" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="product-item style1">
                        <div class="product-inner equal-elem">
                            <div class="product-thumb">
                                <div class="thumb-inner">
                                    <a href="#"><img src="assets/images/home2/r5.jpg" alt="r5"></a>
                                </div>
                                <span class="onsale">-50%</span>
                                <a href="#" class="quick-view">快速搜索</a>
                            </div>
                            <div class="product-innfo">
                                <div class="product-name"><a href="#">智能手表</a></div>
                                <span class="price">

                                        <ins>229.00</ins>

                                        <del>259.00</del>

                                    </span>
                                <span class="star-rating">

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <span class="review">5 星</span>

                                    </span>
                                <div class="group-btn-hover style2">
                                    <a href="#" class="add-to-cart"><i class="flaticon-shopping-cart"
                                                                       aria-hidden="true"></i></a>
                                    <a href="compare.html" class="compare"><i class="fa fa-exchange"></i></a>
                                    <a href="wishlist.html" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item style1">
                        <div class="product-inner equal-elem">
                            <div class="product-thumb">
                                <div class="thumb-inner">
                                    <a href="#"><img src="assets/images/home2/r6.jpg" alt="r6"></a>
                                </div>
                                <a href="#" class="quick-view">快速搜索</a>
                            </div>
                            <div class="product-innfo">
                                <div class="product-name"><a href="#">数码摄像机</a></div>
                                <span class="price price-dark">

                                        <ins>229.00</ins>

                                    </span>
                                <span class="star-rating">

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <i class="fa fa-star" aria-hidden="true"></i>

                                        <span class="review">5 星</span>

                                    </span>
                                <div class="group-btn-hover style2">
                                    <a href="#" class="add-to-cart"><i class="flaticon-shopping-cart"
                                                                       aria-hidden="true"></i></a>
                                    <a href="compare.html" class="compare"><i class="fa fa-exchange"></i></a>
                                    <a href="wishlist.html" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main><!-- end MAIN -->
</div>
<div style="height: 200px;"></div>
<a href="#" id="scrollup" title="Scroll to Top">Scroll</a>
<script type="text/javascript" src="assets/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/js/wow.min.js"></script>
<script type="text/javascript" src="assets/js/chosen.jquery.min.js"></script>
<script type="text/javascript" src="assets/js/function.js"></script>
</body>
</html>